<div class="im_msgboxs" id="im_msgboxs" style="height:240px;">
    <dl class="im_msgbox">
        <dt class="uid"><img src="../images/temp/1.jpg" width="30" height="30" /></dt>
        <dd class="im_msgdetail">
            <p><a href="#" target="_blank">淄博林华商贸有限公司</a> - <a href="javascript:;" class="msg_contact" uid="90942834902">小麦</a></p>
            <p>对方发送了一张名片给您…… </p>
        </dd>
        <dd class="im_msginfo"  uid="0980924"><b title="查看消息">37</b>7-18</dd>
    </dl>
    <dl class="im_msgbox">
        <dt class="uid"><img src="../images/img/avatar_s-sys.png" width="30" height="30" /></dt>
        <dd class="im_msgdetail">
            <p><a href="#" target="_blank">系统小秘书</a></p>
            <p>您的账户存在异常，请及时修改密码！</p>
        </dd>
        <dd class="im_msginfo"  uid="0980924"><b title="查看消息">37</b>7-18</dd>
    </dl>
</div>
<style type="text/css">
    dl.im_msgbox{
        padding:10px;
        line-height: 14px;
        width: 420px;
        font-family:tahoma,arial,\5b8b\4f53;
        -moz-user-select: none;
        border-bottom: solid 1px #fafafa;
        height:33px;clear: both;
    }
    dl.im_msgbox:hover{
        background: #fcfcfc;
    }
    dl.im_msgbox a{
        color:blue;
        text-decoration: none;
    }
    dl.im_msgbox a:hover{
        text-decoration:underline;
    }
    dl.im_msgbox dt{
        margin-right:10px;
        cursor: pointer;
        float: left;
    }
    dl.im_msgbox dd{
        color:#999;
        float: left;
    }
    dl.im_msgbox dd.im_msgdetail{
        width:300px;
    }
    dl.im_msgbox dd.im_msginfo{
        width: 80px;
        text-align: right;
        padding-top:8px;
    }
    dl.im_msgbox dd b{
        padding:0 5px;
        margin-left:10px;
        background: #c00;
        color:#fff;
        margin-right:10px;
        -moz-border-radius:8px;
        -khtml-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        font-weight: normal;
        line-height: 12px;
        overflow: hidden;
        cursor: pointer;
    }
</style>